/*
 * @description Style common used file
 */

/********* Setting scrollbar style start*********/
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}
::-webkit-scrollbar-thumb {
  min-height: 20px;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
/********* Setting scrollbar style end*********/

/********* common overflow style start*********/
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-auto {
  overflow: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
/********* Scommon overflow style end*********/

/********* common width and height style start*********/
// different from Bootstrap w-100 and h-100
@for $i from 1 through 25 {
  .width-#{$i} {
    width: $baseWidth * $i !important;
  }
  .height-#{$i} {
    height: $baseWidth * $i !important;
  }
}
/********* common width and height style end*********/

/********* common define cusor style start*********/
.cusor-pointer {
  cursor: pointer;
}
.cusor-text {
  cursor: text;
}
.cusor-progress {
  cursor: progress;
}
.cusor-wait {
  cursor: wait;
}
.cusor-not-allowed {
  cursor: not-allowed;
}
.cusor-move {
  cursor: move;
}
.cusor-help {
  cursor: help;
}
.cusor-grab {
  cursor: grab;
}
.cusor-grabbing {
  cursor: grabbing;
}
/********* common define cusor style end*********/
